<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>Form page</title>
		<link href="jquery.mobile-1.0.1/jquery.mobile-1.0.1.min.css" rel="stylesheet" type="text/css">
		<script src="./jquery/jquery-1.7.1.min.js"></script>
		<script src="jquery.mobile-1.0.1/jquery.mobile-1.0.1.min.js" type="text/javascript"></script>
		<script src="./scripts/handler.js" type="text/javascript"></script>
		<script src="./scripts/form.js" type="text/javascript"></script>
		<link href="styles/pascal.css" rel="stylesheet" type="text/css">		
	</head>
	<body>
    <form id="formpage">
	<div data-role="page" id="page0" data-theme="d">
		<div data-role="header" data-theme="b">
			<a href="#" data-role="button" data-icon="back" id="back">Back</a>
		<h1 id="title">New</h1>
		</div>
		<div data-role="content" id="formscroll">
			<div data-role="collapsible-set">
				<div data-role="fieldcontain">
					<p>tag</p>
					<input type="text" id="tag"/><br/>
				</div>
				<div data-role="fieldcontain">
		 			<fieldset data-role="controlgroup">
		 				<input type="checkbox" id="checkbox1" class="checkbox" value="Off" name="checkbox"/>
		 				<label for="checkbox1">Smart Phone Setting</label>
						<input type="checkbox" id="checkbox2" class="checkbox" value="Off" name="checkbox" />
						<label for="checkbox2">NXT Setting</label>
		   			</fieldset>
					<div data-role="collapsible" id="callset" class="changeclass" data-theme="b" data-content-theme="d" data-collapsed="false">
						<h3>Smart Phone Setting</h3>
						<div data-role="collapsible" data-theme="d" data-content-theme="d" data-collapsed="false">
							<h3>Sound / Vibration</h3>
							<div data-role="fieldcontain">
								<input type="range" id="sound" value="2" min="0" max="7" data-theme="d" data-track-theme="b"/>
								<fieldset data-role="controlgroup" data-type="horizontal">
									<legend>Vibration</legend>
									<input type="radio" name="vibration" id="vibrationOn" value="On" checked="checked"/>
									<label for="vibrationOn">On</label>
									<input type="radio" name="vibration" id="vibrationOff" value="Off"/>
									<label for="vibrationOff">Off</label>
								</fieldset>
							</div>
						</div>
						<div data-role="collapsible" data-collapsed="true" class="changeclass">
							<h3>Wireless Settings</h3>
							<div data-role="fieldcontain">
								<fieldset data-role="controlgroup" data-type="horizontal">
									<legend>Wifi</legend>
									<input type="radio" name="wifi" id="wifiOn" value="On" checked="checked"/>
									<label for="wifiOn">On</label>
									<input type="radio" name="wifi" id="wifiOff" value="Off"/>
									<label for="wifiOff">Off</label>
								</fieldset>
							</div>
							<div data-role="fieldcontain">
								<fieldset data-role="controlgroup" data-type="horizontal">
									<legend>Bluetooth</legend>
									<input type="radio" name="bluetooth" id="bluetoothOn" value="On" checked="checked"/>
									<label for="bluetoothOn">On</label>
									<input type="radio" name="bluetooth" id="bluetoothOff" value="Off"/>
									<label for="bluetoothOff">Off</label>
								</fieldset>
							</div>			
						</div>
					</div>
					<div data-role="collapsible" id="nxtset" class="changeclass" data-theme="b" data-content-theme="d">
						<h3>NXT Setting</h3>
							<div data-role="collapsible" data-theme="d" data-content-theme="d" data-collapsed="false">
								<h3>NXT Settings</h3>									
									<fieldset data-role="controlgroup" id="nxtlist">
									     <input type="radio" name="nxtsetting" id="dance" value="dance" checked="checked"/>
									     <label for="dance">Dance</label>
									     <input type="radio" name="nxtsetting" id="cleaning" value="cleaning"/>
									     <label for="cleaning">Cleaning</label>
									</fieldset>
							</div>
					</div>							
				</div>
				<br/>
				<br/>
				<input type="button" name="Save" value="Save" id="submit" data-theme="b">
				<a href="#" data-role="button" id="delete" data-theme="c">Delete</a>
			</div>
		</div>
		<div data-role="footer" data-theme="b" data-position="fixed">
			<h4>BitAcademy Java22 A-Team &copy; 2012</h4>
		</div> 
	</div>
	</form>
	</body>
</html>
